<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=\, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
<script>
  function fetchData() {
      fetch('https://chat.liangji.eu.org/api/generate', {
        method: 'POST',
        body: JSON.stringify({
          "messages": [
            {
              "role": "user",
              "content": "js写个冒泡排序"
            }
          ],
          "config": {
            "temperature": 0.6,
            "top_p": 1
          }
        }),
        headers: {
          'Content-Type': 'application/json'
        }
      })
        .then(response => {
          if (!response.body) throw new Error("ReadableStream not supported");
          const reader = response.body.getReader();

          // 递归读取数据
          function read() {
            return reader.read().then(({ done, value }) => {
              if (done) {
                console.log("传输完成");
                return;
              }
              console.log("接收的数据块:", value);
              // 处理接收到的数据，例如展示在页面上
              // ...

              // 继续读取下一块数据
              return read();
            });
          }

          return read(); // 启动读取数据的过程
        })
        .catch(error => console.error("发生错误:", error));
    }

    // 调用函数开始接收数据
    fetchData();

</script>
</html>